<template>
  <div>
    <div class="xztitle">
      <!-- 两端对齐 -->
<van-row type="flex" justify="space-between">
  <van-col span="10">租房小组</van-col>
  <van-col span="6">更多</van-col>
</van-row>
    </div>
<van-grid direction="horizontal" :column-num="2" :gutter="10">
  <van-grid-item v-for="item in xzList" :key="item.id"  :icon=" 'http://liufusong.top:8080' +  item.imgSrc" :text="item.desc+item.title" />
  <!-- <van-grid-item icon="photo-o" text="文字" /> -->
</van-grid>
<!-- <van-grid direction="horizontal" :column-num="2" :gutter="10">
  <van-grid-item icon="https://i02piccdn.sogoucdn.com/7e946af6d80cf206" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
</van-grid> -->
  </div>
</template>

<script>
export default {
  data () {
    return {
      xzList: JSON.parse(localStorage.getItem('xiaoZu')).data.body
    }
  },
  created () {
    console.log(this.xzList)
  }
}
</script>

<style>
 html {
  background-color: #f6f5f6;
  z-index: 9999;
}
.van-grid-item {
  margin-top: 10px;
}
.van-icon__image {
  width: 80px;
  height: 80%;
}
</style>
